<template>
  <div>
    <h1>palyground</h1>
    {{ obj }}
    <button @click="add">添加</button>
  </div>
</template>

<script>
export default {
  name: 'Playground',
  data() {
    return {
      obj: {
        name: 'zs',
        age: 10
      }
    }
  },
  methods: {
    add() {
      // this.obj.set = 'nan '
      // 直接添加属性 并不是响应式的，需要用到$set
      this.$set(this.obj, 'sex', '男')
    }
  }
}
</script>

<style>

</style>
